<template>
    <div>
      <div class="item" v-for="p in list" :key="p.name">
        <span>{{ p.name }}</span>
        <el-progress
          :percentage="p.percent"
          :color="p.color || '#1890ff'"
          :format="() => p.desc"
        />
      </div>
    </div>
  </template>
  
  <script setup>
  // 用 element-plus 的 Progress；如不用 element，可自己画
  defineProps({
    list: Array,
  });
  </script>
  
  <style scoped>
  .item {
    margin-bottom: 16px;
    font-size: 14px;
  }
  </style>